﻿.radio-list {
    display: flex;
    flex-wrap: wrap;
}

    .radio-list .form-check {
        width: 120px;
    }

    .radio-list.is-vertical {
        flex-direction: column;
        height: auto;
        line-height: unset;
    }

        .radio-list.is-vertical .form-check:not(:last-child) {
            margin-bottom: .5rem;
        }

.form-inline .radio-list .form-check {
    display: inline-block;
}

.is-button {
    flex-wrap: nowrap;
    white-space: nowrap;
}

    .is-button .form-check {
        text-align: center;
        border: 1px solid var(--bs-secondary);
        width: auto;
    }

        .is-button .form-check:first-child {
            border-top-left-radius: var(--bs-border-radius);
            border-bottom-left-radius: var(--bs-border-radius);
            border-right: none;
        }

        .is-button .form-check:last-child {
            border-top-right-radius: var(--bs-border-radius);
            border-bottom-right-radius: var(--bs-border-radius);
            border-left: none;
        }

        .is-button .form-check.is-checked {
            background-color: #1890ff;
            color: #fff;
        }

        .is-button .form-check > span {
            cursor: pointer;
            display: block;
            padding: 0.375rem .75rem;
            white-space: nowrap;
        }

    .is-button .disabled:not(.is-checked) > span {
        background-color: var(--bs-bg-disabled);
    }
